<html>
   <head>
      <script type = "text/javascript" src = "https://d3js.org/d3.v4.min.js"></script>
   </head>
   <body>
      <h3>Simple transitions</h3>
      <h4>我变成黄色</h4>
        <h5>你好世界</h5>
      <script>
         d3.select("body").style("background-color", "lightblue") 
         // make the background-color lightblue.transition()
         .style("background-color", "pink");
         // make the background-color gray

        //  duration（）方法允许属性更改在指定的持续时间内平滑发生，而不是瞬间发生。 让我们使用以下代码进行5秒的转换。
        d3.select("h3").transition().style("color","green").duration(3000)
        // 3秒钟后变成黄色
        d3.select("h4").transition().style("color","yellow").duration(3000)
        // 支持rgb
        d3.select("h5").transition().style("color","rgb(0,150,120)").duration(5000);
      </script>
   </body>
</html>